<template>
<div>
            <div class="mui-card">
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
						<swipe class="Swipe"></swipe>
					</div>
				</div>
			</div>

			<div class="mui-card detail">
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
                    <h4>小米8 全面屏游戏智能手机</h4><br>
                    <p>
                        <span>市场价: ￥2155</span>&nbsp;&nbsp;
                        销售价: <span class="goods_sell">￥1899</span>
                    </p>
                    <p>购买数量: <span><div class="mui-numbox" data-numbox-min='1' data-numbox-max='9'>
					<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
					<input id="test" class="mui-input-numbox" type="number" value="1" />
					<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
				</div></span> 
                    </p>
                    <p>
                        <mt-button type="primary" szie="small">立即购买</mt-button>
                        <mt-button type="danger" szie="small">加入购物车</mt-button>
                    </p>
					</div>
				</div>
			</div>
            <div class="mui-card">
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
						<h4>商品参数</h4><br>
                        <p>商品号：<span>SD45615646565</span></p>
                        <p>库存情况：<span>45</span></p>
                        <p>上架时间：<span>2018-10-11 12:45:11</span></p><br>
                        <mt-button type="danger" size="large" plain>图文介绍</mt-button><br>
                        <mt-button type="primary" size="large" plain>商品评论</mt-button>
					</div>
				</div>
			</div>
</div>    
</template>
<script>
import swipe from '../common/swipe.vue'
import mui from '../../lib/mui/js/mui.js'
export default {
    data(){
        return{

        }
    },
    mounted(){
        mui('.mui-numbox').numbox()//这里需要用到mui，所以就要把mui导进来
    },
    methods:{

    },
    components:{
        swipe
    }
};
</script>
<style lang="scss" scoped>
.detail{
    p{
        color: black;
        font-size: 16px;
        font-weight: 500;
        .goods_sell{
           color: red;
        font-size: 17px;
        font-weight: 600;
        }
    }
}
.Swipe{
    height: 200px;
    width: 100%;
}
</style>
